@charset "UTF-8";
/**
 * 
 * @authors jamesquery (you@example.org)
 * @date    2018-03-08 09:22:15
 * @version $Id$
 */
.banner{ height: 500px; }
.slidebox{ height: 500px; }
.content .recommend{ width: 1200px; margin: 74px auto 60px auto;}
.content .recommend ul li{ width: 380px; float: left; margin: 0 10px;}
.content .recommend ul li img{ width: 380px; height: 255px; margin-bottom: 20px;}
.content .recommend ul li h2{ font-size: 18px; color: #333333; line-height: 36px;}
.content hr{ width: 1256px; color: #333333;}
.content .list{ width: 1200px; margin: 0 auto; }
.content .list ul li{ width: 1200px; height: 347px; background: url('../img/list_bg.jpg') no-repeat center 2px; clear: both;}
.content .list ul li .pic{ float: left; width: 380px; margin: 30px 78px 0 0;}
.content .list ul li img{ width: 380px; height: 240px;}
.content .list ul li .pic span{ display: block; font-size: 16px; color: #a7a7a7; text-align: center; height: 76px; line-height: 76px;}
.content .list ul li .text{ width: 718px; height: 320px;}
.content .list ul li h2{ font-size: 18px; color: #333333; border-bottom: 1px solid #999999; width: 718px; height: 84px; line-height: 84px;}
.content .list ul li p{ font-size: 16px; color: #999999; line-height: 40px; margin-top: 25px;}
.content .page{ width: 100%; clear: both; margin: 30px 0 40px 0 ;}
.content .page ul{ width: 100%; text-align: center;}
.content .page ul li{ display: inline-block; border: 1px solid #cccccc;}
.content .page ul li a{ padding: 8px 7px; font-size: 16px; color: #999999;}
.content .page ul li.current{  border: 1px solid #33ccff; background: #33ccff; color: #ebf9ff;}
.content .page ul li.current a{ color: #ebf9ff;}
.content .page ul li:hover{  border: 1px solid #33ccff; background: #33ccff; color: #ebf9ff;}
.content .page ul li:hover a{ color: #ebf9ff;}
.content .page ul li.jump{ border:1px solid #f8f8f8; color: #999999;}
.content .page ul li.jump:hover{ border:1px solid #f8f8f8; color: #999999; background: #ffffff;}
.content .page ul li.form{ border:1px solid #f8f8f8; color: #999999;}
.content .page ul li.form:hover{ border:1px solid #f8f8f8; color: #999999;background: #ffffff;}
.content .page ul li.form input[type="text"]{ width: 65px; height: 20px; text-align: center; line-height: 20px; margin-right: 10px; color: #999999;  border:1px solid #cccccc;}
.content .page ul li.form input[type="text"]:hover{ border:1px solid #cccccc;}
.content .page ul li.form input[type="button"]{ width: 65px; height: 20px; text-align: center; line-height: 20px; background: #f8f8f8; border:1px solid #cccccc; color: #999999; font-size: 16px; margin-left: 10px; cursor: pointer;}